<template>
	<view class="pop-invite">
		<view class="pop-layout">
			<image class="bg" src="https://minio.dgyxy.com/api/v1/download-shared-object/aHR0cDovLzEyNy4wLjAuMTo5MDAwL3Jlc291cmNlL2I5OWIzMjAwNWMwZDg2MmZiODAxOTI2NjEzNWQ1MTIuanBnP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9OVJMVTNNQjI5SlhIS0tGSVZUSTglMkYyMDI0MTIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDEyMDlUMDc1MDA3WiZYLUFtei1FeHBpcmVzPTQzMjAwJlgtQW16LVNlY3VyaXR5LVRva2VuPWV5SmhiR2NpT2lKSVV6VXhNaUlzSW5SNWNDSTZJa3BYVkNKOS5leUpoWTJObGMzTkxaWGtpT2lJNVVreFZNMDFDTWpsS1dFaExTMFpKVmxSSk9DSXNJbVY0Y0NJNk1UY3pNemMyTnpJeE15d2ljR0Z5Wlc1MElqb2lhMmhzSW4wLl9VdVhMcHJNaDFqQnU3YzQzc2FFUXhpcWZjaWItRkVzeHhETjBzbFBXVHBMQUdnOS1KOGt1YWxhSEExcW8wUU94THFQd0FtSVR2ODVjcm9Pd185azZ3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZ2ZXJzaW9uSWQ9bnVsbCZYLUFtei1TaWduYXR1cmU9NzIwMmIxODFjY2RmNDg0N2FlYzY0NzU3NWM3YmNhNDc0YmY4NjlhMjIxNTMxNDllOWQ4ZjUyMmUwYzRmMTUwMw">	
			</image>
			<view class="content">
				<image class="avatar" src="https://img2.baidu.com/it/u=3428719800,704356269&fm=253&fmt=auto&app=138&f=JPEG"></image>
				<view class="name">#吴军#</view>
				<view class="invitation-message">成为了您的邀请人</view>
				<view class="invitation-code-label">邀请码:</view>
				<view class="invitation-code">R15J3u2i</view>
			</view>
		</view>
		<svg-icon  class="icon-container" icon="clone" :width="32"></svg-icon>
	</view>
</template>




<script setup>

</script>


<style scoped lang="less">
.pop-invite{
	width: 303px;
	height: 360px;
	.pop-layout{
		width: 303px;	
		height: 290px;
		position: relative;
		.bg{
			width: 303px;
			height: 270px;
			position: absolute;
			bottom: 0;
		}
		.content{
			position: absolute; /* 将内容部分定位为绝对位置 */
			z-index: 999;
			margin-left: 22px;
			.avatar{
				width: 72px;
				height: 72px;
				border-radius: 35px;
			}
			.name {
			    font-size: 24px;
				margin-top: 24px;
			    color: #2970FF;
			}
			
			.invitation-message {
			    font-size: 24px;
			}
			
			.invitation-code-label {
			    margin-top: 48px;
			    font-size: 16px;
			}
			
			.invitation-code {
			    margin-top: 8px;
			    font-size: 32px;
				background: linear-gradient(180deg, #9193FF, #7B38F0); /* 渐变色 */
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}
	}
		.icon-container {
			margin-top: 32px;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 1000;
		}
}
</style>


